$(function(){
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
    });
    layui.use('form', function () {
        var form = layui.form;

        //监听注册
        form.on('submit(formRegin)', function (data) {
            $.ajax({
                url: "/regin",
                method: "post",
                data: data.field,
                success: function (msg) {
                    if (msg.code) {
                        layer.msg(msg.msg, {
                            icon: 5,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            $("#reset").click();
                        });
                    } else {
                        layer.msg(msg.msg, {
                            icon: 1,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            $(".l_login").addClass("layui-this");
                            $(".l_regin").removeClass("layui-this");
                            $(".tab2").removeClass("layui-show");
                            $(".tab1").addClass("layui-show");
                        });
                    }
                }
            })

            return false;
        });

        //注册时的验证
        form.verify({
            username: function (value, item) { //value：表单的值、item：表单的DOM对象
                if (!/^[A-z0-9\u4e00-\u9fa5]{2,10}$/.test(value)) {
                    return '用户名格式不正确';
                }
            }

            //我们既支持上述函数式的方式，也支持下述数组的形式
            //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
            , password: function (value, item) {
                if (!/^[A-z0-9]{5,12}$/.test(value)) {
                    return '密码格式不正确'
                }
            }


            , repassword: function (value) {
                var pwd = $("#l_password").val();
                if (pwd !== value) {
                    return "两次密码不一致";
                }
            }
        });

        form.on('submit(formLogin)', function (data) {
            console.log(data.field);
            $.ajax({
                url: "/login",
                method: "post",
                data: data.field,
                success: function (msg) {
                    if (msg.code) {
                        layer.msg(msg.message, {
                            icon: 5,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {

                        });
                    } else {
                        layer.msg(msg.message, {
                            icon: 1,
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            window.location.reload();
                        });
                    }
                }
            })

            return false;
        })

    });

    $("#close").click(function () {
        $("#mask").fadeOut();
    })

    $("#login").click(function () {
        $("#mask").fadeIn();
        $(".l_login").addClass("layui-this");
        $(".l_regin").removeClass("layui-this");
        $(".tab2").removeClass("layui-show");
        $(".tab1").addClass("layui-show");

    })

    $("#regin").click(function () {
        $("#mask").fadeIn();
        $(".l_regin").addClass("layui-this");
        $(".l_login").removeClass("layui-this");
        $(".tab1").removeClass("layui-show");
        $(".tab2").addClass("layui-show");
    })

    $(".cancellation").click(function () {
        $.ajax({
            url: "/cancellation",
            method: "get",
            success: function () {
                layer.msg("账号注销成功", {
                    icon: 1,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
                    window.location.reload();
                });
            }
        })
    })

    // 日历
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
            elem: '#test2'
            ,position: 'static'
            ,showBottom: true
            ,change: function(value, date){ //监听日期被切换
                lay('#testView').html(value);
            }
        });
    });

    // 搜索
    $("#search-btn").click(function(){
        var keyword=$("#search").val();
        if(keyword.length==""){
            layer.msg("关键字不能为空", {
                icon: 5,
                time: 2000 //2秒关闭（如果不配置，默认是3秒）
            }, function () {
                
            });
            return ;
        }
       search(keyword);
    })

    function search(keyword){
        $.ajax({
            url:"/articel/search",
            method:"get",
            data:{
                keyword
            },
            success:msg=>{
                $(".sea-container").fadeIn();
                
                var str=""
                
                if(msg.length==0){
                    str=`
                        <li>
                            <span class="null">没有找到该博文!!!</span>
                        </li>
                    `
                    rea_ul.html(str)
                }else{
                    msg.forEach(item => {
                        str+=`
                            <li data-id="/articel/Info/${item._id}">
                                <span>${item.title}</span>
                                <span>${new Date(item.date).toLocaleDateString()}</span>
                            </li>
                        
                        `
                    });
                    console.log(msg,msg.length,str,$(".seaul"));
                    $(".seaul").html(str);
                    $("li").click(function(){
                        window.location.href=$(this).attr("data-id");
                    })
                }
            }
        })
    }


    $("#sea-close").click(function(){
        $(".sea-container").fadeOut();
    })


    // 滚轮事件
    function mousewheel(dom,callback){
        var type="mousewheel";//谷歌浏览器
        if(dom.onmousewheel===undefined){//火狐浏览器
            type="DOMMouseScroll"
        }
        if(dom.addEventListener){//IE8及以上版本
            dom.addEventListener(type,callback)
        }else{
            dom.attachEvent("on"+type,function(){//IE低版本
                //attacEvent函数的this指向window,使用匿名函数统一this的指向为dom
                callback.call(dom);//
            })
        }
    }
   
    mousewheel(document,function(e){
        if($(document).scrollTop()>400){
            $(".gotop").fadeIn();
        }else{
            $(".gotop").fadeOut();
        }
    })
    
    $(".gotop").click(function(){
        // $('html,body').animate({scrollTop: '0px'}, 800);
        $('html').animate({
            scrollTop:"0px"
        },1000);
        $(".gotop").fadeOut();
    })

    
    $(".cate-span").click(function(){
        var keyword=$(this).html();
        search(keyword);
    })
    
    //标签云的随机颜色
    for(var i=0;i<$(".cate-span").length;i++){
        var r=24;
        var g=Math.random()*255;
        var b=Math.random()*255;
        $(".cate-span")[i].style.backgroundColor="rgb("+r+","+g+","+b+")";
    }
    

})